import React from "react";
import { StyleSheet } from "react-native";
import { setSpText } from "../Utils/ToolUtils";

export const Colors = { //App通用颜色
    button_color: '#696CFF',//按钮,segment颜色
    navibar_color: '#5054CF', //导航栏颜色
    second_button_color: "#F1F1FC",//次要按钮颜色
    error_color: "#FC717B",//警示色（离线、失败、异常）
    normal_color: "#56C971",//安全色（在线、成功、正常）
    calm_color: "#48AAFF", //冷静色
    white:'#ffffff',
    page_bg_color: '#DCDDF8',   //默认页面背景色
    page_bg_color1: "#F8F2D7", //非本柜背景色
    border_color: '#D6D3E3', //描边

    menu_color: '#9998FF',//导航栏按钮颜色
    
    text1_color:'#2c2c2c',//正文文字
    text2_color:'#6c6da6',//次要文字、说明文字
    text3_color:'#DADAED', //弱提示
    text4_color:'#696CFF', //链接、文字按钮
    button_text_color: '#fffff',
    tip_color: '#ff544f',//必填提示、报错提示
    
    perple_color: "#9998FF",
    blue_color: "#03CAF4",
    min_track_bg: '#696CFF',
    max_track_bg: '#D7D9EE',
    
    button_cancel_color: '#E5E6F4',
    
    green_color: "#01BE2D",
    yellow_color: "#FFF5BC",
};

export const FontSize = {
    h1_font: setSpText(48),//h1, 48px,
    h2_font: setSpText(40), //h2 40px
    h3_font: setSpText(32),//h3 32px
    h4_font: setSpText(28),//h4 28px
    h5_font: setSpText(24),//h5 24px
};

export const CommonStyles = StyleSheet.create({
    commonRowContainer: {//默认页面背景样式
        flex: 1,
        flexDirection:'row'
    },
    commonColumnContainer: {
        flex:1,
        flexDirection:'column'
    },
});